<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>Awesome UI</title>

	<link href="../../css/bootstrap.min.css" rel="stylesheet">
	<link href="../../css/theme.css" rel="stylesheet">
	<link href="../../css/animate.min.css" rel="stylesheet">
	<link href="../../css/font-awesome.min.css" rel="stylesheet">
	<link href="../../css/plugins/panel.css" rel="stylesheet"/>
	<link href="../../css/plugins/form.css" rel="stylesheet"/>

    <!--[if lt IE 9]>
    <script src="../../css/html5shiv.min.js"></script>
    <script src="../../css/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

  	<!-- Begin: Content -->
  	<section id="content" class="animated fadeIn">

  		<h1>Combobox</h1>

  		<div class="row center-block mt10">
  			<div class="col-md-6">
  				<div class="as-panel">

  					<div class="as-panel-header">
  						<div class="as-panel-title">Combobox</div>
  					</div>

  					<div class="as-panel-body">

  						<input type="text" id="sdsd">

  						<br><br><br><br><br><br><br><br>

  						<input type="text" class="as-combobox">

  					</div>

  				</div>
  			</div>
  		</div>

  	</section>
  	<!-- End: Content -->

  	<script src="../../js/jquery-1.11.2.min.js"></script>
  	<script src="../../js/bootstrap.min.js"></script>
  	<script src="../../js/plugins/parser.js"></script>
  	<script src="../../js/plugins/combobox.js"></script>
  	<link href="../../css/plugins/combobox.css" rel="stylesheet"/>
  	<script type="text/javascript">
  		$("#sdsd").combobox({
  		  "url" : "date.json",
  		  "change" : "function(){alert('s');}"
  		})
  	</script>

  </body>
  </html>